<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="css/daohang.css" rel="stylesheet" type="text/css" />
    <link href="css/goumai.css" rel="stylesheet" type="text/css" />
    <title>SuKi 立即购买</title>
    <script src="js/daohangGW.js"></script>
    <script src="js/yanzheng.js"></script>
</head>

<body>
<!--导航栏-->
<div id="div0">
	<div id="dlogo">	<!--放置logo和登陆注册-->
		<div>
        	<img src="images/logo.png" id="logo">
        </div>
	    <div id="dlzc">
	    	<span id="dlu" onClick="window.location.href='RegLogin.html'">登录 / 注册</span>
       		<div id="gwu" onClick="window.location.href='gouwuche.html'">
             	<div id="gshuliang">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(<span id="numb">0</span>)
                </div>
        	</div>
	    </div>
	</div>

	<div id="divNav">
		<nav id="N">
	    	<div id="diva1" class="CSS" >
	        	<div id="divb1" class="b" onMouseOver="MyOver('divb1')" onMouseOut="MyOut('divb1')" onClick="window.location.href='index.html'">首页</div>
	        </div>
	        <div id="diva2" class="CSS" >
	        	<div id="divb2" class="b" onMouseOver="MyOver('divb2'),SD()" onMouseOut="MyOut('divb2'),SD()">产品</div>
	        	<ul id="ul1" onMouseOver="MyOver('divb2'),SD()" onMouseOut="MyOut('divb2'),SD()">
	            	<li style="height:7px;"></li>		<!--空行，调整位置-->
	            	<li><a href="#" >佩戴</a></li>
	               	<li><a href="#" >家居</a></li>
	                <li><a href="#" >穿着</a></li>
	            </ul>
	        </div>
	        <div id="diva3" class="CSS" >
	        	<div id="divb3" class="b" onMouseOver="MyOver('divb3')" onMouseOut="MyOut('divb3')">新品</div>
	        </div>
	        <div id="diva4" class="CSS" >
	        	<div id="divb4" class="b" onMouseOver="MyOver('divb4')" onMouseOut="MyOut('divb4')">限时特卖</div>
	        </div>
	    </nav>
	</div>
</div>
<!--返回顶部-->
<div id="dyou" onClick="Top()"></div>
<!--以下是底部和内容-->
<div style="width:100%; position:relative; top:100px;">
<!--假设这是我们的填充--><!--主体内容-->

    <div id="div1">
        <hr style="filter: opacity(0)">
        <p><span>&nbsp;1  收获信息</span></p>
        <ul>
            <li>新增收获地址（电话号码、手机号选填一项，其余为必填项）</li></br>
            <ul id="ul4">
                <li>收货人:<input type="text" id="harvest" autofocus>&nbsp;&nbsp;</li>
                <li class="err2"></li>
                <!--检测功能-->
            </ul>
            <br/>
            <br/>
            <ul>
                <li id="list">地&nbsp;&nbsp;&nbsp;区: 
                <select><option value="n1">请选择</option></select><font style="font-size: 12px;"> 省</font>
                <select><option value="n1">请选择</option></select><font style="font-size: 12px;"> 市</font>
                <select><option value="n1">请选择</option></select><font style="font-size: 12px;"> 区/县 </font>
            </li>
            </ul>
            </br>
            <ul id="ul3">
                <li>地&nbsp;&nbsp;&nbsp;址:<input type="text" id="txt"></input>&nbsp;&nbsp;</li>
                <li class="err1"></li>
                <!--检测功能-->
            </ul>
            <br/>
            <br/>
            <ul id="ul2">
                <li>手&nbsp;&nbsp;&nbsp;机:<input type="tel" id="tel">&nbsp;&nbsp;</li>
                <li class="err"></li>
                <!--检测功能-->
            </ul>
            <br/>
            </br>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" value="保存" id="btn1">&nbsp;<input type="button" value="取消" id="btn2"</li>
        </ul>
        <hr/>
        <p><span>&nbsp;2  送货时间</span></p>
        <p>
        <div id="div2">
            <span class="s1"><input type="radio" class="r1" name="r1" value="suoyou"/><font style="font-size: 12px;" class="f1">所有日期均可收货</font></span>
            <span class="s1"><input type="radio" class="r1" name="r1" value="gongzuo"/><font style="font-size: 12px;" class="f1">工作日收货</font></span>
            <span class="s1"><input type="radio" class="r1" name="r1" value="jieri"/><font style="font-size: 12px;" class="f1">双休日、节假日收获</font></span>
        </div>
        </p>
        
        <hr/>
        <p><span>&nbsp;3  购物清单</span></p>
        <hr/>
        <table>   
            <tr style="background:#EAEAEA;">
                <td style="width: 500px;">商品名称</td> >
                <td style="width: 200px;">商品价格</td>
                <td style="width: 150px;">数量</td>
                <td style="width: 150px;">小计</td>
            </tr>
        </table>
        <hr/>
        <p><span>&nbsp;4  支付方式</span></p><br/>
        <div id="div3"><br/>  &nbsp;  优惠卷支付<br/><br/>&nbsp; 
        <input id="input2" type="text"/>
        <input type="button" value="验证" id="btn6"/>
        </div><br/>
        <input id="btn3" type="button" value="微信支付"/>
        <input id="btn4" type="button" value="支付宝"/>
    </div>
    <br/>
    <p id="p2">应付总金额:￥ -优惠卷立减:￥4 = 待支付:<font style="color: red;">￥</font>&nbsp;<input type="button" value="提交订单" id="btn5"></p>
    <br/> <br/><br/><!--此处为空行，与导航栏底部之间留出空白位置-->
    
	
<!--这是底部-->
	<div id="btm">
		<div id="Dul">
        	<ul id="ul0">
            	<li id="li1">关于我们</li>
                <li style="height:18px;"></li>
           	 	<li><a href="">企业介绍</a></li>
            	<li><a href="">人才招聘</a></li>
            	<li><a href="">隐私政策</a></li>
            </ul>
            <ul>
            	<li id="li1">售后服务</li>
                <li style="height:18px;"></li>
                <li><a href="">退货声明</a></li>
            </ul>
      		<ul id="ul1">
       			<li id="li1">帮助信息</li>
                <li style="height:18px;"></li>
            	<li><a href="">常见问题</a></li>
            	<li><a href="">联系客服</a></li>
        	</ul>
        </div>
        <div id="dd">
        	@马婷婷，朱子荟，李圣威，林铭欣，钟世杰，谢芝勇，谢舒珂共同制作。
        </div>
	</div>
</div>
</body>
<script>
//购物车里面商品的数量
	var numb=document.getElementById("numb");
	var ls=window.localStorage.length;
	numb.innerHTML = ls;
</script>
</html>